:root {
  --fontSize: 2rem;
  --mainColor: #12345678;
  --highlightColor: hwb(190, 35%, 20%);
  }

  /* some var() & calc() */
body {
  color: var(--mainColor);
  
  font-size: var(--fontSize);
  line-height: calc(var(--fontSize) * 1.5);
  padding: calc((var(--fontSize) / 2) + 1px);
}

/* font stuff */
h2 {
  font-variant-caps: small-caps;
}
  
/* system-ui font-family */
body {
  font-family: system-ui;
  display: flex;
  }
  